<template>
    <div>
        <el-tabs v-model="editableTabsValue" type="card" closable>
            <el-tab-pane :key="item.name" v-for="item in editableTabs" :label="item.title" :name="item.name">

            </el-tab-pane>

        </el-tabs>
    </div>
</template>

<script>
    export default {
        name: "Tabs.vue",
        data(){
            return {
                editableTabsValue: '1',
                editableTabs: [
                    {
                        title: '首页',
                        name: '1',
                        content: '首页'
                    },
                    {
                        title: '成长启蒙',
                        name: '2',
                        content: 'Tab 1 content'
                    },
                    {
                        title: '名师基础-编程基础',
                        name: '3',
                        content: 'Tab 2 content'
                    }

                ]
            }
        }
    }
</script>